<template>
<div>
<!--  <div v-for="i in list">-->
<!--    <p>{{i.name}}</p>-->
<!--    <div v-for="j in i['son']">-->
<!--      <p>{{j.name}}</p>-->
<!--    </div>-->
<!--  </div>-->

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>美多商城-首页</title>
  </head>
  <body>
  <div id="app" v-cloak>
    <div class="header_con">
      <div class="header">
        <div class="welcome fl">欢迎来到美多商城!</div>
        <div class="fr">
          <div class="login_info fl">
            欢迎您：<em>张 山</em>
            <a href="javascript:;" class="quit">退出</a>
          </div>
          <div class="login_btn fl">
            <a href="login.html">登录</a>
            <span>|</span>
            <a href="register.html">注册</a>
          </div>
          <div class="user_link fl">
            <span>|</span>
            <a href="user_center_info.html">用户中心</a>
            <span>|</span>
            <a href="cart.html">我的购物车</a>
            <span>|</span>
            <a href="user_center_order.html">我的订单</a>
          </div>
        </div>
      </div>
    </div>

    <div class="search_bar clearfix">
      <a href="index.html" class="logo fl"><img src="@static/images/logo.png"></a>
      <div class="search_wrap fl">
        <form method="get" action="/search/" class="search_con">
          <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
          <input type="submit" class="input_btn fr" name="" value="搜索">
        </form>
        <ul class="search_suggest fl">
          <li><a href="#">索尼微单</a></li>
          <li><a href="#">优惠15元</a></li>
          <li><a href="#">美妆个护</a></li>
          <li><a href="#">买2免1</a></li>
        </ul>
      </div>

      <div class="guest_cart fr">
        <a href="/carts/" class="cart_name fl">我的购物车</a>
        <div class="goods_count fl" id="show_count"></div>
        <ul class="cart_goods_show">
          <li >
<!--            <img :src="cart.default_image_url" alt="商品图片">-->
            <h4></h4>
            <div></div>
          </li>
        </ul>
      </div>
    </div>

    <div class="navbar_con">
      <div class="navbar">
        <h1 class="fl">商品分类</h1>
        <ul class="navlist fl">
          <li><a href="">首页</a></li>
          <li class="interval">|</li>
          <li><a href="">真划算</a></li>
          <li class="interval">|</li>
          <li><a href="">抽奖</a></li>
        </ul>
      </div>
    </div>

    <div class="pos_center_con clearfix">
      <ul class="slide">
        <li><a href="#"><img src="@static/images/slide01.jpg" alt="幻灯片01"></a></li>
        <li><a href="#"><img src="@static/images/slide02.jpg" alt="幻灯片02"></a></li>
        <li><a href="#"><img src="@static/images/slide03.jpg" alt="幻灯片03"></a></li>
        <li><a href="#"><img src="@static/images/slide04.jpg" alt="幻灯片04"></a></li>
      </ul>
      <div class="prev"></div>
      <div class="next"></div>
      <ul class="points">
      </ul>
      <ul class="sub_menu">
        <li v-for="i in list">
          <div class="level1">
            <a href="http://shouji.jd.com/">{{ i.name }}</a>
          </div>
          <div class="level2">
            <div class="list_group"  v-for="j in i['son']">
              <div class="group_name fl">{{ j.name }} &gt;</div>
              <div class="group_detail fl"  v-for="c in j['son']">
                <a href="list.html">{{c.name}}</a>
              </div>
            </div>
          </div>
        </li>
      </ul>


      <div class="news">
        <div class="news_title">
          <h3>快讯</h3>
          <a href="#">更多 &gt;</a>
        </div>
        <ul class="news_list">
          <li><a href="#">i7顽石低至4199元</a></li>
          <li><a href="#">奥克斯专场 正1匹空调1313元抢</a></li>
          <li><a href="#">荣耀9青春版 高配 领券立减220元</a></li>
          <li><a href="#">美多探索公益新模式</a></li>
          <li><a href="#">i7顽石低至4199元</a></li>
          <li><a href="#">正1匹空调1313元抢</a></li>
          <li><a href="#">奥克斯专场 正1匹空调1313元抢</a></li>
        </ul>
        <a href="#" class="advs"><img src="@static/images/adv01.jpg"></a>
      </div>
    </div>

    <div class="list_model" v-for="i in categoods">
      <div class="list_title clearfix">
        <h3 class="fl">{{i.name}}</h3>
        <div class="subtitle fr">
<!--          <a href="javascript:;" @mouseenter="f1_tab=1" :class="f1_tab===1?'active':''" @click="getCatelist('create_time')">时尚新品</a>-->
<!--          <a href="javascript:;" @mouseenter="f1_tab=2" :class="f1_tab===2?'active':''" @click="getCate('price')">畅想低价</a>-->
<!--          <a href="javascript:;" @mouseenter="f1_tab=3" :class="f1_tab===3?'active':''" @click="getCate('sales')">手机配件</a>-->
          <button @click="getCatelist('create_time',i.id)">时尚新品</button>
          <button @click="getCatelist('price',i.id)">畅想低价</button>
          <button @click="getCatelist('sales',i.id)">手机配件</button>
        </div>
      </div>
      <div class="goods_con clearfix">
        <div class="goods_banner fl">
          <img src="@static/images/banner01.jpg">
          <div class="channel" v-for='t in i.two'>
            <a href="#">{{t.name}}</a>
          </div>
          <div class="key_words" v-for="c in i.three" style='height: 20px'>
            <a href="#">{{c.name}}</a>

          </div>
        </div>
        <div class="goods_list_con">
          <ul class="goods_list fl" >
<!--            v-show="f1_tab===1"-->
            <li v-for="g in i.goods">
              <a href="#" class="goods_pic" @click.prevent="tz(g.id)"><img :src="'http://localhost:8000'+g.pic"></a>
<!--              <a href="#" class="goods_pic"><img :src='"http://localhost:8000/media/"+i.pic'></a>-->
              <h4><a href="#" title="360手机 N6 Pro 全网通 6GB+128GB 极夜黑" @click.prevent="tz(g.id)">{{g.name}}</a></h4>
              <div class="price">¥ {{ g.price }}</div>
            </li>
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--          <ul class="goods_list fl" v-show="f1_tab===2">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#" title="360手机 N6 Pro 全网通 6GB+128GB 极夜黑">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--          <ul class="goods_list fl" v-show="f1_tab===3">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#" title="360手机 N6 Pro 全网通 6GB+128GB 极夜黑">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
          </ul>
        </div>

      </div>
    </div>

<!--    <div class="list_model model02">-->
<!--      <div class="list_title clearfix">-->
<!--        <h3 class="fl" id="">2F 电脑数码</h3>-->
<!--        <div class="subtitle fr">-->
<!--          <a href="javascript:;" @mouseenter="f2_tab=1" :class="f2_tab===1?'active':''">畅享低价</a>-->
<!--          <a href="javascript:;" @mouseenter="f2_tab=2" :class="f2_tab===2?'active':''">加价换购</a>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="goods_con clearfix">-->
<!--        <div class="goods_banner fl">-->
<!--          <img src="images/banner02.jpg">-->
<!--          <div class="channel">-->
<!--            <a href="#">电脑</a>-->
<!--            <a href="#">数码</a>-->
<!--            <a href="#">配件</a>-->
<!--            <a href="#">潮电子</a>-->
<!--          </div>-->
<!--          <div class="key_words">-->
<!--            <a href="#">Apple</a>-->
<!--            <a href="#">神舟战神</a>-->
<!--            <a href="#">单反相机</a>-->
<!--            <a href="#">智能家居</a>-->
<!--            <a href="#">智能路由</a>-->
<!--            <a href="#">限时抢</a>-->
<!--            <a href="#">顽石</a>-->
<!--            <a href="#">微单</a>-->
<!--            <a href="#">耳机</a>-->
<!--            <a href="#">投影机</a>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="goods_list_con">-->
<!--          <ul class="goods_list fl" v-show="f2_tab===1">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods008.jpg"></a>-->
<!--              <h4><a href="#" title="华硕明星爆款 八代i7顽石低至4199">华硕明星爆款</a></h4>-->
<!--              <div class="price">¥ 4199.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--          </ul>-->

<!--          <ul class="goods_list fl" v-show="f2_tab===2">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods008.jpg"></a>-->
<!--              <h4><a href="#" title="华硕明星爆款 八代i7顽石低至4199">八代i7顽石低至4199</a></h4>-->
<!--              <div class="price">¥ 4199.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div class="list_model model03">-->
<!--      <div class="list_title clearfix">-->
<!--        <h3 class="fl" id="model01">3F 家居家装</h3>-->
<!--        <div class="subtitle fr">-->
<!--          <a href="javascript:;" @mouseenter="f3_tab=1" :class="f3_tab===1?'active':''">生活用品</a>-->
<!--          <a href="javascript:;" @mouseenter="f3_tab=2" :class="f3_tab===2?'active':''">厨房用品</a>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="goods_con clearfix">-->
<!--        <div class="goods_banner fl">-->
<!--          <img src="images/banner03.jpg">-->
<!--          <div class="channel">-->
<!--            <a href="#">家居日用</a>-->
<!--            <a href="#">家纺寝居</a>-->
<!--            <a href="#">住宅家具</a>-->
<!--          </div>-->
<!--          <div class="key_words">-->
<!--            <a href="#">厨具餐饮</a>-->
<!--            <a href="#">被子</a>-->
<!--            <a href="#">实木床</a>-->
<!--            <a href="#">箭牌马桶</a>-->
<!--            <a href="#">指纹锁</a>-->
<!--            <a href="#">电饭煲</a>-->
<!--            <a href="#">热水器</a>-->
<!--            <a href="#">席梦思</a>-->
<!--            <a href="#">沙发</a>-->
<!--            <a href="#">酒柜</a>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="goods_list_con">-->
<!--          <ul class="goods_list fl" v-show="f3_tab===1">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods009.jpg"></a>-->
<!--              <h4><a href="#" title="维达">维达每提4包【大规格L】V2240(4包)</a></h4>-->
<!--              <div class="price">¥ 18.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--          <ul class="goods_list fl" v-show="f3_tab===2">-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods009.jpg"></a>-->
<!--              <h4><a href="#" title="维达">维达3层超韧</a></h4>-->
<!--              <div class="price">¥ 20.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods003.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 2699.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods002.jpg"></a>-->
<!--              <h4><a href="#">iphoneX N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 7788.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods001.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 1988.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods004.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 3688.00</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <a href="#" class="goods_pic"><img src="images/goods/goods005.jpg"></a>-->
<!--              <h4><a href="#">360手机 N6 Pro 全网通 6GB+128GB 极夜黑</a></h4>-->
<!--              <div class="price">¥ 4288.80</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

    <div class="footer">
      <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
      </div>
      <p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p>
      <p>电话：010-****888    京ICP备*******8号</p>
    </div>
<!--    {{list}}-->
<!--    {{categoods}}-->
<!--    {{username}}-->
  </div>



  </body>
  </html>
</div>
</template>

<script>
import '@static/css/reset.css'
import '@static/css/main.css'
export default {
  name: "Home",
  data(){
    return{
      list:[],
      categoods:[],
      username :localStorage.getItem('username')
    }
  },
  methods:{
    homelist(){
      this.$axios.get('goods/home/')
      .then(res=>{
        this.list = res.data.list
      })
    },
    getCatelist(sorted,topid){
      this.$axios.get('goods/home1/?sorted='+sorted+'&topid='+topid)
        .then(res=>{
          this.categoods = res.data.categoods
        })
    },
    tz(id){
      this.$router.push({"path":"detail",query:{id:id,username:this.username}})
      .then(res=>{

      })
    }
  },

  mounted() {
    this.homelist()
    this.getCatelist('')
  }
}
</script>

<style scoped>

</style>
